<template>
	<!-- 用来处理 无中tabbar 的 添加记录按钮 -->
	<view class="addClassPopup base_box_round" @click="goto()" v-if="isShow" :style="`background:${store.state.theme}`">
		<image class="addClassPopup_image" src="@/static/tabbar/add-four_active.png"></image>
		<view class="addClassPopup_text">添加</view>
	</view>
</template>

<script setup>
	import store from "@/store/index.js"
	import {ref} from 'vue'
	const isShow=ref(false)
	// #ifndef WEB||APP-PLUS
		isShow.value=true
	// #endif
	const goto =()=>{
		uni.navigateTo({
			url:"/subPages/addPopup/addPopup"
		})
	}
</script>

<style lang="scss" scoped> 
@import "@/style/base.scss";
.addClassPopup{
	position: fixed;
	backdrop-filter: 2px;
	opacity: 0.9;
	display: flex;
	align-items: center;
	bottom: calc(var(--window-bottom) + 2*$baseFontsize);
	right:$baseFontsize;
	padding: 0.3em;
	&_image{
		width: $iconSize_base;
		height: $iconSize_base;
	}
	&_text{
		font-size: $midFontsize;
		padding-left: 0.3em;
		font-weight: bold;
		color: $baseBlack_mid;
	}
}
</style>